<%--
  Created by IntelliJ IDEA.
  User: 34123
  Date: 2023/07/05 0005
  Time: 下午 03:45
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 请勿在项目正式环境中引用该 layui.css 地址 -->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <!-- 引入 layui.css -->
    <link href="https://cdn.staticfile.org/layui/2.7.6/css/layui.css" rel="stylesheet">

    <!-- 引入 layui.js -->
    <script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
    <style>
    </style>
</head>
<body>


<div class="layui-tab" lay-filter="myTab">
    <ul class="layui-tab-title">
        <li lay-id="expend" class="layui-this">出库录入</li>
        <li lay-id="2">入库录入</li>
    </ul>
    <div class="layui-tab-content">
        <div class="layui-tab-item layui-show">
            <iframe id="myIframe" src="${pageContext.request.contextPath}/toWrehousechu" style="width: 100%;height: 630px"></iframe>
        </div>
        <!-- 其他 tab 内容 -->
    </div>
</div>
</body>

<script type="text/javascript">
    layui.use('element', function(){
        var element = layui.element;

        // 监听 tab 的点击事件
        element.on('tab(myTab)', function(data){
            var tabId = $(this).attr('lay-id'); // 获取点击的 tab 的 lay-id
            var iframe = $('#myIframe'); // 获取 iframe 元素
            var newSrc = 'toWrehousechu'; // 存放新的 iframe src 属性值

            // 根据 tab 的 lay-id 设置新的 iruframe src
            if (tabId === 'chu') {
                newSrc = 'toChu';
            } else if (tabId === '2') {
                newSrc = 'toWrehouseru';
            }

            // 修改 iframe 的 src 属性
            console.log(tabId)
            iframe.attr('src', newSrc);
        });
    });

</script>

</html>
